简介:瀑布流布局是网站比较流行的一种布局方式。本案例将深入讲解实现瀑布流布局的三大方式:JavaScript、jQuery和CSS3,你将学习到如何用JavaScript方法实现图片的定位及排序、两种不同的方式对图片进行持续加载,以及CSS3中多栏布局怎么实现瀑布流布局。
第2章 JavaScript原生方法实现瀑布流布局
此方法分为三个步骤:用HTML+CSS实现瀑布流布局页面结构、 JavaScript实现图片定位和排序,最后用onscroll事件实现瀑布流布局的图片加载功能。
第3章 jQuery实现瀑布流布局
jQuery方法比JavaScript原生方法简洁,主要在瀑布流布局中实现图片定位、排序及加载方面进行实现。